{% extends 'home/home.html' %}
{% block index %}
{% load static %}
<!-- 轮播 -->
<div class="uk-position-relative uk-visible-toggle uk-light uk-slideshow"
    uk-slideshow="min-height: 200; max-height: 400;animation: fade" tabindex="-1">
    <ul class="uk-slideshow-items" style="min-height: 400px;">
        <li tabindex="-1" class="uk-active uk-transition-active" style="z-index: -1;">
            <!--封面图-->
            <img src="{{ bing_url }}" alt="" uk-cover="" class="uk-cover">
            <div class="uk-position-center uk-position-small uk-text-center">
                <h2 uk-slideshow-parallax="x: 100,-100"
                    style="transform: translateX(0px); color: white; font-weight: bolder; font-size: 40px; text-shadow: 0px 0px 2px #565252;">
                    {{ welcoming }}</h2>
                <p uk-slideshow-parallax="x: 200,-200"
                    style="transform: translateX(0px); color: white; font-weight: bolder; text-shadow: 0px 0px 2px #565252;">
                    <span id="jinrishici-sentence">正在加载今日诗词....</span><script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>
                </p>
                {% if myuser %}
                <p uk-slideshow-parallax="y: 50,0,0; opacity: 1,1,0"
                    style="transform: translateX(0px); color: rgb(255, 255, 255); font-weight: bolder; text-shadow: 0px 0px 2px #033640; font-size: 14px;">
                    {% if superuser %}
                    {% autoescape off %}
                    {{ myuser.signature }}
                    {% endautoescape %}
                    {% else %}
                    {{ myuser.signature }}
                    {% endif %}
                </p>
                {% endif %}
            </div>
        </li>
        <li tabindex="-1">
            <!-- <img src="https://t.alcy.cc/pc/" alt=""
                uk-cover="" class="uk-cover"> -->
            <img src="https://t.alcy.cc/pc/" alt="另一个接口" uk-cover="" class="uk-cover">
            <div class="uk-position-center uk-position-small uk-text-center">
                <h2 uk-slideshow-parallax="x: 100,-100"
                    style="transform: translateX(0px); color: white; font-weight: bolder; font-size: 40px; text-shadow: 2px 2px 2px #565252;">
                    {{ welcoming }}</h2>
                <p uk-slideshow-parallax="y: 50,0,0; opacity: 1,1,0"
                    style="transform: translateX(0px); color: white; font-weight: bolder; text-shadow: 0px 0px 2px #565252;" id="hitokoto">
                    <!-- 请注意，以下的示例包含超链接，您可能需要手动配置样式使其不变色。如果您嫌麻烦，可以移除。 -->
                    <a href="#" id="hitokoto_text">:D 获取中...</a>
                    <!-- 本例不能添加链接内容，放在此处只是因为此接口比较方便，也许能够解决大部分的需求-->
                    <script src="https://v1.hitokoto.cn/?encode=js&select=%23hitokoto" defer></script>
                </p>
            </div>
        </li>
        <li tabindex="-1">
            <img src="https://imgapi.xl0408.top" alt="" uk-cover="" class="uk-cover">
            <div class="uk-position-center uk-position-small uk-text-center">
                <h2 uk-slideshow-parallax="y: -50,0,0; opacity: 1,1,0"
                    style="transform: translateX(0px); color: white; font-weight: bolder; font-size: 40px; text-shadow: 2px 2px 2px #565252;">
                    {{ welcoming }}</h2>
                <p uk-slideshow-parallax="x: 200,-200"
                    style="transform: translateX(0px); color: white; font-weight: bolder; text-shadow: 0px 0px 2px #565252;">
                    <script type="text/javascript" src="https://api.xygeng.cn/one/get/"></script>
                </p>

            </div>
        </li>
    </ul>

    <a class="uk-position-center-left uk-position-small uk-hidden-hover uk-icon uk-slidenav-previous uk-slidenav"
        href="#" uk-slidenav-previous="" uk-slideshow-item="previous"><svg width="14px" height="24px"
            viewBox="0 0 14 24" xmlns="http://www.w3.org/2000/svg" data-svg="slidenav-previous">
            <polyline fill="none" stroke="#000" stroke-width="1.4" points="12.775,1 1.225,12 12.775,23 "></polyline>
        </svg></a>
    <a class="uk-position-center-right uk-position-small uk-hidden-hover uk-icon uk-slidenav-next uk-slidenav" href="#"
        uk-slidenav-next="" uk-slideshow-item="next"><svg width="14px" height="24px" viewBox="0 0 14 24"
            xmlns="http://www.w3.org/2000/svg" data-svg="slidenav-next">
            <polyline fill="none" stroke="#000" stroke-width="1.4" points="1.225,23 12.775,12 1.225,1 "></polyline>
        </svg></a>
</div>

<div class="uk-section" style="margin-top: -120px;">
    <div class="uk-container">
        <div class="uk-child-width-1-1 uk-child-width-1-3@m uk-text-center uk-grid" uk-grid="">
            <div class="uk-first-column" style="z-index:999;">
                <a href="./blog" class="uk-a">
                    <svg class="uk-border-circle" width="100" height="100" xmlns="http://www.w3.org/2000/svg"
                        preserveAspectRatio="xMidYMid slice" focusable="false" role="img"
                        aria-label="Placeholder: 100x100">
                        <title>Placeholder</title>
                        <rect width="100%" height="100%" fill="#933"></rect>
                        <text x="20%" y="60%" fill="#fff" font-size="30">blog</text>
                    </svg>
                    <h2>博客</h2>
                </a>
                <p>有事没事我会在这说说话。</p>
                <hr>
                <h4 class="uk-text-center">最近更新</h4>                
                {% for blog in blogs %}
                    <p>
                        <a href="/blog/{{ blog.md5 }}">{{ blog.name }}</a>
                    </p>                    
                {% endfor %}     
            </div>
            <div style="z-index:999;">
                <a href="/teach/lesson" class="uk-a">
                    <svg class="uk-border-circle" width="100" height="100" xmlns="http://www.w3.org/2000/svg"
                        preserveAspectRatio="xMidYMid slice" focusable="false" role="img"
                        aria-label="Placeholder: 140x140">
                        <title>Placeholder</title>
                        <rect width="100%" height="100%" fill="#393"></rect>
                        <text x="15%" y="60%" fill="#fff" font-size="30">teach</text>
                    </svg>
                    <h2>讲义</h2>
                </a>
                学习完当然要<a href="/teach/training">训练</a>才能提升呀。
                <hr>
                <h4 class="uk-text-center">最近更新</h4>                
                {% for lesson in lessons %}
                    <p>
                        <a href="/item/{{ lesson.md5 }}">{{ lesson.name }}</a>
                    </p>                    
                {% endfor %}                
            </div>
            <div style="z-index:999;">
                <a href="./tool" class="uk-a">
                    <svg class="uk-border-circle" width="100" height="100" xmlns="http://www.w3.org/2000/svg"
                        preserveAspectRatio="xMidYMid slice" focusable="false" role="img"
                        aria-label="Placeholder: 100x100">
                        <title>Placeholder</title>
                        <rect width="100%" height="100%" fill="#339"></rect>
                        <text x="20%" y="60%" fill="#fff" font-size="30">tools</text>
                    </svg>
                    <h2>工具</h2>
                </a>
                <p>有时候会发现一些好用的东西，我会丢到这。</p>
                <hr>
                <h4 class="uk-text-center">最近更新</h4>
                <p>
                    <a href="/tool/common">常用软件</a>
                </p>
                <p>
                    <a href="/tool/websites">学习网站</a>
                </p>
                <p>
                    <a href="/tool/share">临时共享</a>
                </p>
            </div>
        </div>
    </div>
</div>

<div class="uk-section uk-section-primary uk-padding-remove-bottom">
    <div class="uk-container uk-text-center">
        <h2 class="uk-h1">天月山水</h2>
        <p class="uk-text-medium tm-text-large uk-margin-medium-bottom">希望你们能够接受冯老师的碎碎念</p>
        <hr class="uk-margin-remove-bottom uk-margin-medium-top">
        <div class="uk-margin-top uk-margin-bottom">
            <div uk-grid="" class="uk-child-width-auto@m uk-flex-middle uk-grid">
                <div class="uk-first-column">
                    <div class="uk-text-left@m uk-text-center">
                        <a href="#" class="uk-logo">
                            天月山水
                        </a>
                    </div>
                </div>
                <div class="uk-margin-auto">
                    <ul uk-margin="" class="uk-subnav uk-flex-center">
                        <li class="uk-first-column"><a target="_blank" href="">网站介绍</a></li>
                        <li><a target="_blank" href="/update">更新日志</a></li>
                    </ul>
                </div>
                <div>
                    <div class="uk-text-right@m uk-text-center">
                        <div uk-grid="" class="uk-child-width-auto uk-grid-small uk-flex-center uk-grid">
                            <div class="uk-first-column">
                                <a href="mailto:fslong@tju.edu.cn" class="uk-icon-button" uk-icon="mail"></a>
                            </div>
                            <div>
                                <a href="https://gitee.com/fensl" class="uk-icon-button"><img
                                        src="https://gitee.com/static/images/logo_themecolor.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}